﻿<style>
  body{
    overflow-y: scroll;
  }
</style>
<div class="container" ng-controller="SignInController">
  <div class="row login-main" style="padding-top:14px">
    <div class="signup-step ng-scope"></div>
    <div class=" col-reg">

      <div class="sign-form">
        <div class="sign-inner">
          <h3 class="first-child">登录账号</h3>

          <form role="form" name="form" ng-submit="ok()">
            <div class="form-group">
              <input type="text" class="form-control" name="username" id="username" placeholder="用户名"
                     data-toggle="popover" data-placement="left" data-trigger="focus"
                     data-original-title="Name" ng-model="username" ng-unique required>
            </div>

            <div class="form-group">
              <input type="password" class="form-control" placeholder="登录密码" data-toggle="popover"
                     data-placement="left" data-trigger="focus" data-original-title="password" ng-model="password"
                     required>
            </div>


            <div class="form-group">

              <div class="error-text" ng-if="form.username.$error.unique && isUserInfoError" style="right: 15px;">
                <span class="txt-color-red">用户名或密码错误，请重新输入</span>
              </div>
              <div class="error-text"
                   ng-if="form.username.$touched && !form.username.$error.unique ">
                用户名不存在
              </div>

              <button type="submit" class=" btn btn-primary">立即登录</button>

              <style>
                video {
                  width: 100%;
                }

                .login-main {
                  margin-bottom: 0 !important;
                }

                .float-left {
                  float: left;
                  padding-top: 10px;
                }

                .float-right {
                  float: right;
                  padding-top: 10px;
                }

                .col-reg .btn-primary {
                  margin-top: 0px !important;
                }
              </style>

              <div style="clear:both"></div>
            </div>

            <div class="form-group" style="margin-bottom: 0px;">

              <style>

                .float-left {
                  float: left;
                  padding-top: 10px;
                }

                .float-right {
                  float: right;
                  padding-top: 10px;
                }

              </style>
              <div class="float-left"><a ui-sref="index.resetpwd">忘记密码？</a></div>

              <div class="float-right"><a ui-sref="index.signup">立即注册</a></div>
              <div style="clear:both"></div>
            </div>
          </form>
        </div>
      </div>

    </div>
  </div>
</div>


<script>
  minHeight = 629;
  var clientH = $(window).height();
  $(window).resize(function () {
    clientH = $(window).height();
    $(".login-main").css("padding-bottom", clientH - 217 - 84 - 364);

  });
  $(".login-main").css("padding-bottom", clientH - 217 - 84 - 364);
</script>